<!DOCTYPE html>
<html class="no-js">

    <head>
        <title>订单系统</title>
        <!-- Bootstrap -->
        <link href="/static/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
        <link href="/static/bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet" media="screen">
        <link href="/static/vendors/easypiechart/jquery.easy-pie-chart.css" rel="stylesheet" media="screen">
        <link href="/static/assets/styles.css" rel="stylesheet" media="screen">
        <link href="/static/assets/DT_bootstrap.css" rel="stylesheet" media="screen">
        <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
        <!--[if lt IE 9]>
            <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->

    </head>

    <body>
        <div class="navbar navbar-fixed-top">
            <div class="navbar-inner">
                <div class="container-fluid">
                    <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span>
                     <span class="icon-bar"></span>
                     <span class="icon-bar"></span>
                    </a>
                    <a class="brand" href="#">订单管理</a>
                    <div class="nav-collapse collapse">
                        <ul class="nav pull-right">
                            <li class="dropdown">
                                <a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown"> <i class="icon-user"></i> 用户 <i class="caret"></i>

                                </a>
                                <ul class="dropdown-menu">
                                    <li>
                                        <a tabindex="-1" href="#">账户信息</a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a tabindex="-1" href="login.html">登出</a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                        <ul class="nav">
                            <li class="active">
                                <a href="#">主页</a>
                            </li>
                            <li class="dropdown">
                                <a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">销售 <i class="caret"></i>

                                </a>
                                <ul class="dropdown-menu">
                                    <li>
                                        <a tabindex="-1" href="#">销售列表</a>
                                    </li>
                                    <li>
                                        <a tabindex="-1" href="#">Search</a>
                                    </li>
                                    <li>
                                        <a tabindex="-1" href="#">Permissions</a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                    <!--/.nav-collapse -->
                </div>
            </div>
        </div>
        <div class="container-fluid">
            <div class="row-fluid">
                <div class="span3" id="sidebar">
                    <ul class="nav nav-list bs-docs-sidenav nav-collapse collapse">
                        <li class="active">
                            <a href="/"><i class="icon-chevron-right"></i> 主页</a>
                        </li>
                        <li>
                            <a href="/orders/?status=pre" ><i class="icon-chevron-right"></i><span class="badge badge-important pull-right">{{ number.pre}}</span> 未签约订单</a>
                        </li>
                        <li>
                            <a href="/orders/?status=sign"><i class="icon-chevron-right"></i><span class="badge badge-important pull-right">{{ number.sign}}</span> 未完成订单</a>
                        </li>
                        <li>
                            <a href="/orders/?status=back"><i class="icon-chevron-right"></i><span class="badge badge-important pull-right">{{ number.back}}</span> 已退款订单</a>
                        </li>
                        <li>
                            <a href="/orders/?status=completed"><i class="icon-chevron-right"></i><span class="badge badge-important pull-right">{{ number.completed}}</span> 已完成订单</a>
                        </li>

                    </ul>
                </div>

                <!--/span-->
                <div class="span9" id="content">
                    <div class="row-fluid">
                        <!--<div class="alert alert-success">-->
							<!--<button type="button" class="close" data-dismiss="alert">&times;</button>-->
                            <!--<h4>Success</h4>-->
                        	<!--登录成功-->
                        <!--</div>-->


                    </div>

                    {% block content %}{% endblock %}
                </div>
            </div>
            <hr>
            <footer>
                <p style="text-align:center">&copy; 幸福港湾 2015</p>
            </footer>
        </div>
        <!--/.fluid-container-->
        <script src="/static/vendors/jquery-1.9.1.min.js"></script>
        <script src="/static/bootstrap/js/bootstrap.min.js"></script>
        <script src="/static/vendors/easypiechart/jquery.easy-pie-chart.js"></script>
        <script src="/static/assets/scripts.js"></script>


        <script src="/static/vendors/datatables/js/jquery.dataTables.min.js"></script>
        <script src="/static/assets/DT_bootstrap.js"></script>
        <script>
        $(function() {
            // Easy pie charts
            $('.chart').easyPieChart({animate: 1000});
        });
        </script>
    </body>

</html>